<div class="main-left">
    <div class="left-position">
        <!-- ko with:user -->
        <div class="personal" data-bind="style:{'background-image':bgCss}">
            <div class="avatar">
                <div class="avatar-img img-circle relative">
                    <img src="" alt="" data-bind="attr:{'src':avatar, 'alt':nickname}" />
                    <!-- ko if:auth -->
                    <img src="" title="" class="newG-icon" data-bind="attr:{'src':auth.pic, 'title':auth.name}">
                    <!-- /ko -->
                </div>
            </div>
            <div class="name">
                <span class="level" data-bind="text:level">Lv.0</span>
                <span class="nicheng" data-bind="text:nickname"></span>
                <!-- ko if: gender == '女'-->
                    <span class="female"></span>
                <!-- /ko -->
                <!-- ko if: gender == '男'-->
                    <span class="male"></span>
                <!-- /ko -->
            </div>
            <div class="mine">
                <ul>
                    <li>
                        <a href="/my-fans" title="粉丝">
                            <i class="mine-img mine-img1"></i>
                            <div class="mine-span overflow">粉丝：<!-- ko text:fans --><!-- /ko --></div>
                        </a>
                    </li>
                    <li>
                        <a href="/my-follows" title="关注">
                            <i class="mine-img mine-img2"></i>
                            <div class="mine-span overflow">关注：<!-- ko text:follows --><!-- /ko --></div>
                        </a>
                    </li>
                    <li>
                        <a href="/my-games" title="游戏">
                            <i class="mine-img mine-img3"></i>
                            <div class="mine-span overflow">游戏：<!-- ko text:scribe --><!-- /ko --></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- /ko -->
        <div class="my-info">
            <ul>
                <li>
                    <a href="{:C('LOCAL_DOMAIN')}/user-{$Think.const.UID}" title="我的动态">
                        <i class="li-img1"></i>
                        <div class="li-span">我的动态</div>
                        <!-- <div class="new">new</div> -->
                    </a>
                </li>
                <li onclick="warning()">
                    <a href="javascript:void(0);" title="与我相关">
                        <i class="li-img9"></i>
                        <div class="li-span">与我相关</div>
                    </a>
                </li>
                <li>
                    <a href="{:C('LOCAL_DOMAIN')}/favour-video" title="我的收藏">
                        <i class="li-img7"></i>
                        <div class="li-span">我的收藏</div>
                    </a>
                </li>
                <li>
                    <a href="{:C('LOCAL_DOMAIN')}/history-video" title="查看记录">
                        <i class="li-img6"></i>
                        <div class="li-span">查看记录</div>
                    </a>
                </li>
                <li>
                    <a href="{:C('LOCAL_DOMAIN')}/profile" title="个人资料">
                        <i class="li-img5"></i>
                        <div class="li-span">个人资料</div>
                    </a>
                </li>
                <li>
                    <a href="{:C('LOCAL_DOMAIN')}/account" title="账号设置">
                        <i class="li-img2"></i>
                        <div class="li-span">账号设置</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="recommend" data-bind="visible:recommendList().length > 0">
        <div class="recommend-title">
            <div class="title-info">热推视频</div>
            <div class="change" title="换一拨热门视频">
                <i class="change-img"></i>
                <div class="change-span pull-left" data-bind="click:changeRecommend">换一换</div>
            </div>
        </div>
        <!-- ko foreach:recommendList -->
        <include file="Template/recommend" />
        <!-- /ko -->
    </div>
</div>